<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>xiaomi</title>
		<style type="text/css">
			/*reset.css*/
			
			body,
			div,
			dl,
			dt,
			dd,
			ul,
			ol,
			li,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			pre,
			form,
			fieldset,
			input,
			textarea,
			p,
			blockquote,
			th,
			td {
				padding: 0;
				margin: 0;
			}
			
			a {
				color: #757575;
				text-decoration: none;
			}
			
			ul {
				display: block;
			}
			
			li {
				display: block
			}
			
			form {
				display: block;
				margin: 0;
			}
			
			a:hover {
				color: #ff6700;
				text-decoration: none;
			}
			
			.site-topbar {
				position: relative;
				width: 100%;
				height: 40px;
				background-color: #333;
				color: #b0b0b0;
				font-size: 12px;
				font-family: "微软雅黑", arial;
			}
			
			.container {
				width: 1226px;
				margin: 0 auto;
			}
			
			.container:before,
			.container:after {
				content: " ";
				display: table;
			}
			
			.topbar-nav {
				height: 40px;
				line-height: 40px;
				float: left
			}
			
			.topbar-cart {
				height: 40px;
				line-height: 40px;
				margin-left: 15px;
				float: right;
			}
			
			.topbar-info {
				height: 40px;
				line-height: 40px;
				float: right;
			}
			
			.site-topbar .sep {
				margin: 0 .5em;
				color: #424242;
			}
			
			.sep {
				font-family: sans-serif;
			}
			
			.topbar-cart .cart-mini {
				display: block;
				height: 40px;
				line-height: 40px;
				text-align: center;
				color: #b0b0b0;
				background: #424242;
			}
			
			.site-topbar a {
				color: #b0b0b0;
				line-height: 40px;
				display: inline-block;
			}
			
			.site-topbar .topbar-info .link {
				padding: 0 5px;
				text-align: center;
			}
			
			.site-topbar .message {
				padding: 0 10px;
			}
			
			.site-topbar .cart-menu {
				position: absolute;
				right: 0;
				top: 40px;
				z-index: 31;
				width: 316px;
				padding: 15px 0 0;
				color: #424242;
				background: #fff;
			}
			
			.site-header {
				position: relative;
				width: 100%;
				height: 100px;
			}
			
			.site-header .header-logo {
				float: left;
				width: 62px;
				margin-top: 22px;
			}
			
			.site-header .logo {
				position: relative;
				display: block;
				width: 55px;
				height: 55px;
				background: url(img/logo.jpg) no-repeat 50% 50%;
			}
			
			.ir {
				display: block;
				text-align: left;
				text-indent: -9999em;
			}
			
			.site-header .header-nav {
				float: left;
				width: 850px;
			}
			
			.site-header .nav-list {
				position: relative;
				z-index: 10;
				float: left;
				width: 820px;
				height: 88px;
				margin: 0;
				padding: 12px 0 0 30px;
				list-style-type: none;
				font-size: 16px;
			}
			
			.clearfix:before .clearfix:after {
				content: "";
				display: block;
				clear: both;
			}
			
			.header-nav .nav-category {
				position: relative;
				float: left;
				width: 127px;
				padding-right: 15px;
			}
			
			.site-header .nav-category .link-category {
				display: block;
				padding: 26px 0 38px;
				visibility: hidden;
				text-align: right;
				color: #333;
			}
			
			.site-header .nav-item {
				float: left;
			}
			
			.site-header .nav-item .link {
				display: block;
				padding: 26px 10px 38px;
				color: #333;
			}
			
			.category-header {
				width: 1266px;
				height: 460px;
				margin: 0 auto 14px;
			}
			
			.site-category-list {
				height: 420px;
				border: 0;
				color: #fff;
				background: #333;
				margin: 0;
				padding: 20px 0;
				background: rgba(0, 0, 0, 0.6);
			}
			
			.site-category {
				float: left;
				z-index: 21;
				width: 234px;
				height: 460px;
				font-size: 14px;
			}
			
			.site-category-list .title {
				position: relative;
				display: block;
				padding-left: 30px;
				height: 42px;
				line-height: 42px;
				color: #fff;
			}
			
			.site-category-list .title i {
				position: absolute;
				top: 12px;
				right: 20px;
				font-size: 16px;
				line-height: 16px;
				color: #e0e0e0;
			}
			
			.site-category-list .category-item .title:hover {
				background: #ff6700;
			}
			
			.site-header .header-search {
				float: right;
				width: 296px;
				margin-top: 25px;
			}
			
			.site-header .search-text {
				position: absolute;
				top: 0;
				right: 51px;
				z-index: 1;
				width: 223px;
				height: 48px;
				padding: 0 10px;
				border: 1px solid #e0e0e0;
				font-size: 14px;
				line-height: 48px;
				outline: 0;
			}
			
			.site-header .search-btn {
				position: absolute;
				right: 0;
				top: 0;
				z-index: 2;
				width: 52px;
				height: 50px;
				border: 1px solid #e0e0e0;
				font-size: 24px;
				line-height: 24px;
				background: url(img/search.jpg) no-repeat;
				color: #616161;
				outline: 0;
			}
			
			.site-header .search-btn:hover {
				background: #ff6700;
			}
			
			.site-header .search-form {
				position: relative;
				width: 296px;
				height: 50px;
			}
			
			.site-header .search-hot-words {
				position: absolute;
				top: 14px;
				right: 62px;
				z-index: 2;
				text-align: right;
			}
			
			.site-header .search-hot-words a {
				display: inline-block;
				margin-left: 5px;
				padding: 0 5px;
				font-size: 12px;
				background: #eee;
				color: #757575;
			}
			
			.site-header .search-hot-words a:hover {
				background: #ff6700;
				color: #fff
			}
			
			.site-header .search-form .keyword-list {
				position: absolute;
				left: 0;
				top: 50px;
				z-index: 20;
				width: 243px;
				border: 1px solid #ff6700;
				border-top: 0;
				background: #fff
			}
			
			.site-header .search-form .keyword-list ul {
				margin: 0;
				padding: 0;
				list-style-type: none
			}
			
			.site-header .search-form .keyword-list li.active,
			.site-header .search-form .keyword-list li:hover {
				background: #fafafa
			}
			
			.site-header .search-form .keyword-list li a {
				position: relative;
				display: block;
				padding: 6px 15px;
				font-size: 12px;
				color: #424242
			}
			
			.site-header .search-form .keyword-list li .keyword {
				color: #ff6700
			}
			
			.site-header .search-form .keyword-list li .result {
				position: absolute;
				right: 15px;
				top: 6px;
				color: #b0b0b0
			}
			
			.site-header .search-form:hover .search-text {
				border-color: #b0b0b0
			}
			
			.site-header .search-form:hover .search-btn {
				border-color: #b0b0b0
			}
			
			.site-header .search-form:hover .search-btn:hover {
				border-color: #ff6700
			}
			
			.site-header .search-form-focus:hover .search-text {
				border-color: #ff6700
			}
			
			.site-header .search-form-focus:hover .search-btn {
				border-color: #ff6700
			}
			
			.site-header .search-form-focus .search-text {
				border-color: #ff6700
			}
			
			.site-header .search-form-focus .search-btn {
				border-color: #ff6700
			}
			
			.site-header .search-form-focus .search-btn:hover {
				background-color: #ff6700;
				color: #fff
			}
			
			.hide {
				display: none !important;
			}
			
			.lunbo {
				width: 992px;
				height: 460px;
				float: left;
				position: relative;
			}
			
			.lunbo-tab {
				overflow: hidden;
				position: absolute;
				bottom: 20px;
				right: 20px;
				/*margin-left: -50px;*/
				width: 100px;
				height: 20px;
			}
			
			.lunbo-tab li {
				list-style: none;
				float: left;
				width: 10px;
				height: 10px;
				background: #527B7A;
				border-radius: 50%;
				margin: 5px;
			}
			
			.lunbo-tab li:hover {
				cursor: pointer;
			}
			
			div#btn div {
				width: 22px;
				height: 50px;
				line-height: 50px;
				/*垂直居中*/
				text-align: center;
				/*水平居中*/
				background: rgba(72, 91, 91, 0.5);
				position: absolute;
				top: 50%;
				margin-top: -25px;
				color: white;
				font-weight: bold;
				font-size: 16px;
			}
			
			div#btn div:hover {
				cursor: pointer;
				background: rgba(125, 105, 125, 1);
			}
			
			div#btn_left {
				left: 0;
			}
			
			div#btn_right {
				right: 0;
			}
			
			div {
				display: block;
			}
			
			.shop {
				height: 170px;
				width: 1226px;
				margin: 0 auto;
				margin-bottom: 26px;
			}
			
			.channel {
				width: 234px;
				float: left;
			}
			
			.home-channel-list {
				height: 168px;
				margin: 0;
				padding: 1px;
				font-size: 12px;
				text-align: center;
				background: #5f5750;
			}
			
			.home-channel-list a {
				display: block;
				padding-top: 18px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				color: rgba(255, 255, 255, 0.7);
			}
			
			.home-channel-list li {
				position: relative;
				float: left;
				width: 70px;
				height: 82px;
				padding: 0 3px;
			}
			
			.home-channel-list li:before,
			.home-channel-list li:after {
				position: absolute;
				content: "";
				background: #665e57
			}
			
			.home-channel-list li:before {
				top: -1px;
				left: 6px;
				width: 64px;
				height: 1px
			}
			
			.home-channel-list li:after {
				top: 6px;
				left: 0;
				width: 1px;
				height: 70px
			}
			
			.iconfont {
				display: block;
			}
			
			.advertising {
				width: 978px;
				height: 170px;
				float: left;
				margin-left: 14px;
				min-height: 1px;
			}
			
			.home-promo-list {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
			.home-promo-list li.first {
				margin-left: 0;
			}
			
			.home-promo-list li {
				float: left;
				width: 316px;
				height: 170px;
				margin-left: 15px;
			}
			
			.home-promo-list a {
				display: block;
				height: 170px;
			}
			
			.home-promo-list img {
				width: 316px;
				height: 170px;
			}
			
			img {
				border: 0;
			}
			
			/*小米闪购*/
			.xm-flashPurchase {
				font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
				color: #333;
				background-color: #fff;
				width: 1226px;
				height: 438px;
				margin: 0 auto;
				position: relative;
			}
			
			.xm-flashPurchase .title {
				margin: 0;
				font-size: 22px;
				font-weight: 200;
				line-height: 58px;
				color: #333;
				position: absolute;
				left: 0;
				height: 58px;
				display: block;
			}
			
			.xm-flashPurchase .more {
				position: absolute;
				right: 0;
				top: 14px;
				height: 58px;
			}
			
			.xm-controls-line-small .control {
				width: 36px;
				height: 24px;
				text-align: center;
				border: 1px solid #e0e0e0;
				font-size: 16px;
				line-height: 24px;
				color: #b0b0b0;
				display: inline-block;
				cursor: default;
			}
			
			
			.xm-flashPurchase .goods-list {
				overflow: hidden;
				width: 1240px;
			}
			
			.xm-flashPurchase .rainbow-item-4 {
				border-top: 1px solid #e53935;
				margin-top: 60px;
				padding: 0;
				width: 234px;
				text-align: center;
				height: 340px;
				background: #f1eded;
				float: left;
			}
			
			.xm-flashPurchase .rainbow-item-4 .sub {
				color: rgba(0, 0, 0, 0.54);
				font-size: 15px;
				margin: 25px 0px;
			}
			
			.xm-flashPurchase .rainbow-item-4 .time-title {
				font-size: 21px;
				color: #ef3a3b;
				margin-top: 60px;
				margin-bottom: 25px;
			}
			
			.xm-flashPurchase .rainbow-item-4 .countdown .dosh {
				width: 15px;
				float: left;
				height: 46px;
				line-height: 46px;
				color: #605751;
				font-size: 28px;
			}
			
			.xm-flashPurchase .rainbow-item-4 .countdown .box {
				width: 46px;
				height: 46px;
				background: #605751;
				color: #fff;
				font-size: 24px;
				line-height: 46px;
				float: left;
			}
			
			.xm-flashPurchase .rainbow-item-4 .countdown {
				margin-left: 30px
			}
			
			.xm-flashPurchase .xm-flashPurchase-list {
				width: 992px;
				float: left;
				margin-left: 14px;
				height: 340px;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list li {
				width: 234px;
				float: left;
				margin-top: 60px;
				padding-top: 39px;
				margin-left: 14px;
				text-align: center;
				height: 300px;
				background: #fff;
				position: relative;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list .rainbow-item-1 {
				border-top: 1px solid #ffac13;
				;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list .rainbow-item-2 {
				border-top: 1px solid #83c44e;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list .rainbow-item-3 {
				border-top: 1px solid #2196f3;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list .rainbow-item-5 {
				border-top: 1px solid #e53935;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list li .bg {
				background: rgba(0, 0, 0, 0.02);
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				z-index: 2;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list li .flag {
				background-color: #e53935;
				position: absolute;
				top: 0;
				left: 50%;
				z-index: 2;
				width: 64px;
				height: 20px;
				margin-left: -32px;
				font-size: 12px;
				line-height: 20px;
				text-align: center;
				color: #fff;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list .thumb {
				display: block;
				width: 160px;
				margin: 0 auto 22px;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list .thumb img {
				width: 160px;
				height: 160px;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list li .h3-title {
				margin: 0 20px 3px;
				font-size: 14px;
				font-weight: 400;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list li .desc {
				height: 18px;
				margin: 0 20px 12px;
				font-size: 12px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				color: #b0b0b0;
			}
			
			.xm-flashPurchase .xm-flashPurchase-list li .price {
				margin: 0;
				color: #ff6709;
			}
			
			/*脚标*/
			.site-footer {
				margin-bottom: 20px;
				width: 100%;
				height: 280px;
			}
			
			.site-footer .footer-service {
				padding: 27px 0;
				border-bottom: 1px solid #e0e0e0
			}
			
			.site-footer .list-service {
				margin: 0;
				padding: 0;
				list-style-type: none
			}
			
			.site-footer .list-service li {
				float: left;
				width: 19.8%;
				height: 25px;
				border-left: 1px solid #e0e0e0;
				font-size: 16px;
				line-height: 25px;
				text-align: center
			}
			
			.site-footer .list-service li:first-child {
				border-left: 0
			}
			
			.site-footer .list-service .iconfont {
				margin-right: 6px;
				font-size: 24px;
				line-height: 24px;
				vertical-align: -4px
			}
			
			.site-footer .list-service a {
				color: #616161;
				-webkit-transition: color .2s;
				transition: color .2s
			}
			
			.site-footer .list-service a:hover {
				color: #ff6700
			}
			
			.site-footer .footer-links {
				padding: 40px 0
			}
			
			.site-footer .footer-links .col-links {
				float: left;
				width: 160px;
				height: 112px;
				margin: 0
			}
			
			.site-footer .footer-links .col-links dt {
				margin: -1px 0 26px;
				font-size: 14px;
				line-height: 1.25;
				color: #424242
			}
			
			.site-footer .footer-links .col-links dd {
				margin: 10px 0 0;
				font-size: 12px
			}
			
			.site-footer .footer-links .col-links a {
				color: #757575
			}
			
			.site-footer .footer-links .col-links a:hover {
				color: #ff6700
			}
			
			.site-footer .footer-links .col-contact {
				float: right;
				width: 251px;
				height: 112px;
				border-left: 1px solid #e0e0e0;
				text-align: center;
				color: #616161
			}
			
			.site-footer .footer-links .col-contact p {
				margin: 0 0 16px;
				font-size: 12px
			}
			
			.site-footer .footer-links .col-contact .phone {
				margin: 0 0 5px;
				font-size: 22px;
				line-height: 1;
				color: #ff6700
			}
			
			.site-info {
				padding: 30px 0;
				font-size: 12px;
				background: #fafafa
			}
			
			.btn-line-primary {
				border-color: #ff6700;
				background: #fff;
				color: #ff6700;
			}
			
			.btn-small {
				width: 118px;
				height: 28px;
				font-size: 12px;
				line-height: 28px;
			}
			
			.btn {
				display: inline-block;
				padding: 0;
				margin: 0;
				border: 1px solid #b0b0b0;
				text-align: center;
				cursor: pointer;
			}
			
			/*右边栏*/
			.home-right-bar .home-right-bar-show-l582 {
				top: 40px;
				width: 84px;
			}
			
			.home-right-bar {
				position: fixed;
				bottom: 70px;
				right: 0;
				z-index: 999999
			}
			
			.home-right-bar .bar-top {
				padding: 0;
				margin: 0;
				border-top: 1px solid #f5f5f5
			}
			
			.home-right-bar .bar-sort {
				position: relative;
				display: block;
				width: 82px;
				height: 90px;
				list-style: none;
				background-color: #fff;
				border: 1px solid #f5f5f5;
				border-top: none;
			}
			
			.home-right-bar .bar-sort:hover .bar-text {
				color: #ff6700;
			}
			
			.home-right-bar .bar-sort:hover .original-img {
				display: none
			}
			
			.home-right-bar .bar-sort:hover .hover-img {
				display: block
			}
			
			.home-right-bar .bar-sort:hover .bar-pop {
				display: block
			}
			
			.home-right-bar .bar-link {
				display: block;
				height: 100%
			}
			
			.home-right-bar .bar-img {
				position: relative;
				width: 30px;
				height: 30px;
				padding-top: 20px;
				margin: 0 0 0 27px
			}
			
			.home-right-bar .bar-img img {
				width: 30px;
				height: 30px;
				border: none
			}
			
			.home-right-bar .bar-img .original-img {
				background-color: #fff
			}
			
			.home-right-bar .bar-img .hover-img {
				display: none;
				background-color: #fff
			}
			
			.home-right-bar .bar-pop {
				position: absolute;
				left: -137px;
				top: 0;
				display: none;
				height: 187px
			}
			
			.home-right-bar .bar-pop .bar-pop-content {
				float: left;
				height: 187px;
				background: #fff;
				border: 1px solid #f5f5f5
			}
			
			.home-right-bar .bar-pop .bar-pop-qr {
				width: 100px;
				height: 100px;
				margin: 20px 14px;
				background: #fff;
				border: 0
			}
			
			.home-right-bar .bar-pop .bar-pop-text {
				margin: 0;
				color: #757575;
				font-size: 14px;
				text-align: center
			}
			
			.home-right-bar .bar-pop .bar-arrow {
				float: left;
				width: 11px;
				height: 187px;
				margin-left: -1px;
				background: url("//i1.mifile.cn/f/i/2018/home/arrow.png") no-repeat left 38px;
			}
			
			.home-right-bar .bar-text {
				margin: 8px 0 0 0;
				color: #757575;
				font-size: 14px;
				text-align: center
			}
			
			.home-right-bar .bar-totop {
				margin-top: 14px;
				border-top: 1px solid #f5f5f5
			}
			
			.home-right-bar .bar-totop.hidden {
				visibility: hidden
			}
			
			.home-right-bar .bar-sort-qr .bar-pop .bar-pop-text {
				width: 83px;
				margin: -10px auto 0
			}
			
			.home-right-bar .bar-car.hidden {
				visibility: hidden
			}
			
			.home-right-bar .bar-l .bar-pop .bar-arrow {
				background-position-y: 40px
			}
			
			.home-right-bar .bar-l-car .bar-car {
				position: absolute;
				right: -17px;
				top: 18px;
				padding: 0 5px;
				height: 14px;
				line-height: 14px;
				color: #fff;
				font-size: 10px;
				background-color: #ff6700;
				border: 2px solid #fff;
				border-radius: 9px
			}
		</style>
	</head>

	<body>
		<!--导航栏菜单-->
		<div class="site-topbar">
			<div class="container">
				<div class="topbar-nav">
					<a href="#">小米商城</a> <span class="sep">|</span>
					<a href="#">MIUI</a><span class="sep">|</span>
					<a href="#">IoT</a><span class="sep">|</span>
					<a href="#">云服务</a><span class="sep">|</span>
					<a href="#">金融</a><span class="sep">|</span>
					<a href="#">有品</a><span class="sep">|</span>
					<a href="#">小爱开放平台</a><span class="sep">|</span>
					<a href="#">政企服务</a><span class="sep">|</span>
					<a href="#">下载app</a><span class="sep">|</span>
					<a href="#">Select Region</a>
				</div>
				<div class="topbar-cart">
					<a href="#" class="cart-mini">购物车<span class="cart-mini-num J_cartNum">（0）</span></a>
					<div class="cart-menu">
						<div class="loading">
							<div class="loader"></div>
						</div>
					</div>
				</div>
				<div class="topbar-info">
					<a href="#" class="link">登录</a><span class="sep">|</span>
					<a href="#" class="link">注册</a> <span class="sep">|</span>
					<span class="message"><a href="#">消息通知</a></span>
				</div>
			</div>
		</div>

		<!--logo 菜单 搜索-->
		<div class="site-header">
			<div class="container">
				<div class="header-logo">
					<a class="logo ir" href="#" title="小米官网"></a>

				</div>
				<div class="header-nav">
					<ul class="nav-list">
						<li class="nav-category">
							<a class="link-category"></a>

							<li class="nav-item">
								<a class="link" href="javascript: void(0);"><span class="text">小米手机</span><span class="arrow"></span></a>

							</li>
							<li class="nav-item">
								<a class="link" href="javascript: void(0);"><span class="text">红米</span><span class="arrow"></span></a>

							</li>
							<li class="nav-item">
								<a class="link" href="javascript: void(0);"><span class="text">电视</span><span class="arrow"></span></a>

							</li>
							<li class="nav-item">
								<a class="link" href="javascript: void(0);"><span class="text">笔记本</span><span class="arrow"></span></a>

							</li>
							<li class="nav-item">
								<a class="link" href="javascript: void(0);"><span class="text">空调</span><span class="arrow"></span></a>

							</li>
							<li class="nav-item">
								<a class="link" href="javascript: void(0);"><span class="text">路由器</span><span class="arrow"></span></a>

							</li>
							<li class="nav-item">
								<a class="link" href="javascript:void(0);"><span class="text">智能硬件</span><span class="arrow"></span></a>

							</li>
							<li class="nav-item">
								<a class="link" href="javascript:void(0);"><span class="text">服务</span></a>
							</li>
							<li class="nav-item">
								<a class="link" href="javascript:void(0);"><span class="text">社区</span></a>
							</li>
					</ul>
				</div>
				<div class="header-search">
					<form class="search-form clearfix" action="" method="get">
						<label for="search" class="hide">站内搜索</label>
						<input class="search-text" type="search" />
						<input type="submit" class="search-btn" value="" />
						<div class="search-hot-words" style="display: block;">
							<a href="#">小米8</a>
							<a href="#">小米MIX 2S</a>
						</div>
						<div class="keyword-list hide">
							<ul class="result-list"></ul>
						</div>
					</form>
				</div>
			</div>
		</div>

		<!--
        	作者：offline
        	时间：2018-10-20
        	描述：轮播图
        -->
		<div class="category-header">
			<div class="container">
				<div class="site-category">
					<ul id="J_categoryList" class="site-category-list clearfix">
						<li class="category-item">
							<a class="title" href="#">手机 电话卡 <i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">电视 盒子<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">笔记本 平板<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">家电 插线板<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">出行 穿戴<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">智能 路由器<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">电源 配件<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">健康 儿童<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" vhref="#">耳机 音箱<i class="iconfont">&gt;</i></a>

						</li>
						<li class="category-item">
							<a class="title" href="#">生活 箱包<i class="iconfont">&gt;</i></a>

						</li>
					</ul>
				</div>

				<div class="lunbo">
					<ul class="pic">
						<li><img src="img/lunbophone.jpg"></li>
					</ul>
					<ul class="lunbo-tab">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<div id="btn">
						<div id="btn_left">&lt;</div>
						<div id="btn_right">&gt;</div>
					</div>
				</div>

			</div>
		</div>

		<!--
   	作者：offline
   	时间：2018-10-21
   	描述：选购手机
   -->
		<div class="shop clearfix">
			<div class="channel">

				<ul class="home-channel-list">
					<li>
						<a href="javascript: void(0);"><i class="iconfont" style="height: 24px;"><img src="img/smallicon1.jpg"></i>选购手机</a>
					</li>
					<li>
						<a href="javascript: void(0);"><i class="iconfont" style="height: 24px;"><img src="img/smallicon2.jpg"></i>企业团购</a>
					</li>
					<li>
						<a href="javascript: void(0);"><i class="iconfont" style="height: 24px;"><img src="img/smallicon3.jpg"></i>F码通道</a>
					</li>
					<li>
						<a href="javascript: void(0);"><i class="iconfont" style="height: 24px;"><img src="img/smallicon4.jpg"></i>米粉卡</a>
					</li>
					<li>
						<a href="javascript: void(0);"><i class="iconfont" style="height: 24px;"><img src="img/smallicon5.jpg"></i>以旧换新</a>
					</li>
					<li>
						<a href="javascript: void(0);"><i class="iconfont" style="height: 24px;"><img src="img/smallicon6.jpg"></i>话费充值</a>
					</li>
				</ul>

			</div>
			<div class="advertising">
				<ul class="home-promo-list clearfix">
					<li class="first">
						<a><img alt="8se 减100" src="//i1.mifile.cn/a4/xmad_15382347809011_iElHK.jpg"></a>
					</li>
					<li>
						<a><img alt="8se 减100" src="//i1.mifile.cn/a4/xmad_15382347809011_iElHK.jpg"></a>
					</li>
					<li>
						<a><img alt="手环3" src="//i1.mifile.cn/a4/xmad_1533119082718_iCIsg.jpg"></a>
					</li>

				</ul>
			</div>
		</div>

		<!--
   	作者：offline
   	时间：2018-10-21
   	描述：小米闪购
   -->
		<div class="xm-flashPurchase">
			<h2 class="title">小米闪购</h2>
			<div class="more">
				<div class="xm-controls-line-small">
					<a class="control" href="javascript: void(0);">&lt;</a>
					<a class="control" href="javascript: void(0);">&gt;</a>
				</div>
			</div>

			<div class="goods-list">
				<div class="rainbow-item-4">
					<div class="time-title">20:00 场</div>
					<img src="//i1.mifile.cn/f/i/2018/mihome/flashpurchase.png">
					<div class="sub">距离结束还有</div>
					<div class="countdown clearfix">
						<div class="box">00</div>
						<div class="dosh">:</div>
						<div class="box">00</div>
						<div class="dosh">:</div>
						<div class="box">00</div>
					</div>
				</div>

				<div class="xm-flashPurchase-list">
					<ul>
						<li class="rainbow-item-1">
							<a href="javascript: void(0);">
								<div class="bg"></div>
							</a>
							<div class="content">
								<a class="thumb"> <img src="https://i8.mifile.cn/b2c-mimall-media/f761e7e5b93733377f433caf07767e80.jpg" alt=""> </a>
								<h3 class="h3-title"><a >最生活毛巾•Air（10条装）白色</a></h3>
								<p class="desc">无线转换 让传统墙插变身插线板</p>
								<p class="price"> <span>1</span>&nbsp;<span>元</span>&nbsp; <del>19.9元</del> </p>
								<div class="flag flag-saleoff"> 1元秒杀</div>
							</div>
						</li>

						<li class="rainbow-item-2">
							<a href="javascript: void(0);">
								<div class="bg"></div>
							</a>
							<div class="content">
								<a class="thumb"> <img src="https://i8.mifile.cn/a1/pms_1521442671.5222520.jpg" alt=""> </a>
								<h3 class="h3-title"><a >小米双单元半入耳式耳机 白色</a></h3>
								<p class="desc">半入耳式舒适佩戴</p>
								<p class="price"> <span>1</span>&nbsp;<span>元</span>&nbsp; <del>19.9元</del> </p>
								<div class="flag flag-saleoff"> 1元秒杀</div>
							</div>
						</li>

						<li class="rainbow-item-3">
							<a href="javascript: void(0);">
								<div class="bg"></div>
							</a>
							<div class="content">
								<a class="thumb"> <img src="https://i8.mifile.cn/v1/a1/6819bd3b-561c-123b-94e8-d7f1e5b24063.jpg" alt=""> </a>
								<h3 class="h3-title"><a >米家签字笔 白色</a></h3>
								<p class="desc">瑞士进口笔芯</p>
								<p class="price"> <span>1</span>&nbsp;<span>元</span>&nbsp; <del>9.9元</del> </p>
								<div class="flag flag-saleoff"> 1元秒杀</div>
							</div>
						</li>

						<li class="rainbow-item-5">
							<a href="javascript: void(0);">
								<div class="bg"></div>
							</a>
							<div class="content">
								<a class="thumb"> <img src="https://i8.mifile.cn/a1/pms_1531448937.8625685.jpg" alt=""> </a>
								<h3 class="h3-title"><a >米家石英表 白色</a></h3>
								<p class="desc">腕上的科技与美学</p>
								<p class="price"> <span>329</span>&nbsp;<span>元</span>&nbsp; <del>349元</del> </p>

							</div>
						</li>

					</ul>
				</div>

			</div>

		</div>

		<!--
	作者：offline
	时间：2018-10-24
	描述：右边固定bar
-->
		<div class="home-right-bar home-right-bar-show-l582">
			<div>
					<ul class="bar-top">
						<li class="bar-sort bar-sort-qr">
							<a href="javascript:;" class="bar-link">
								<div class="bar-img"> <img class="original-img" src="https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png">
									<img class="hover-img" src="https://i8.mifile.cn/b2c-mimall-media/74c4fcb4475af8308e9a670db9c01fdf.png"> </div>
								<p class="bar-text">手机APP</p>
								<div class="bar-pop">							
									<div class="bar-arrow"></div>
								</div>
							</a>
						</li>
						<li class="bar-sort">
							<a href="javascript:; class="bar-link">
								<div class="bar-img"> <img class="original-img" src="https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png">
									<img class="hover-img" src="https://i8.mifile.cn/b2c-mimall-media/41f858550f42eb1770b97faf219ae215.png"> </div>
								<p class="bar-text">个人中心</p>
							</a>
						</li>
						<li class="bar-sort">
							<a href="javascript:;" class="bar-link">
								<div class="bar-img"> <img class="original-img" src="https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png">
									<img class="hover-img" src="https://i8.mifile.cn/b2c-mimall-media/5e9f2b1b0da09ac3b3961378284ef2d4.png"> </div>
								<p class="bar-text">联系客服</p>
							</a>
						</li>
						<li class="bar-sort bar-l-car">
							<a href="javascript:;" class="bar-link">
								<div class="bar-img">
									<img class="original-img" src="https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png">
									<img class="hover-img" src="https://i8.mifile.cn/b2c-mimall-media/692a6c3b0a93a24f74a29c0f9d68ec71.png">
									<span class="bar-car hidden J_barLMum J_homeRightbarCarNum">0</span> </div>
								<p class="bar-text">购物车</p>
								<div class="pop"></div>
							</a>
						</li>
					</ul>
				</div>
			<div class="bar-l">

				<a href="#" class="bar-totop bar-sort">
					<div class="bar-img">
						<img class="original-img" src="//i1.mifile.cn/f/i/2018/home/totop.png">
						<img class="hover-img" src="//i1.mifile.cn/f/i/2018/home/totop_hover.png">
					</div>
					<p class="bar-text">回顶部</p>
				</a>
			</div>

		</div>
		<!--
        	作者：offline
        	时间：2018-10-24
        	描述：footer制作
        -->
		<div class="site-footer">
			<div class="container">
				<div class="footer-service">
					<ul class="list-service clearfix">
						<li>
							<a rel="nofollow" href="javascript: void(0);">预约维修服务</a>
						</li>
						<li>
							<a rel="nofollow" href="javascript: void(0);">7天无理由退货</a>
						</li>
						<li>
							<a rel="nofollow" href="javascript: void(0);">15天免费换货</a>
						</li>
						<li>
							<a rel="nofollow" href="javascript: void(0);">满150元包邮</a>
						</li>
						<li>
							<a rel="nofollow" href="javascript: void(0);">520余家售后网点</a>
						</li>
					</ul>
				</div>
				<div class="footer-links clearfix">

					<dl class="col-links col-links-first">
						<dt>帮助中心</dt>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">账户管理</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">购物指南</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">订单操作</a>
						</dd>

					</dl>

					<dl class="col-links">
						<dt>服务支持</dt>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">售后政策</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">自助服务</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">相关下载</a>
						</dd>

					</dl>

					<dl class="col-links">
						<dt>线下门店</dt>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">小米之家</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">服务网点</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">授权体验店</a>
						</dd>

					</dl>

					<dl class="col-links">
						<dt>关于小米</dt>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">了解小米</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">加入小米</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">投资者关系</a>
						</dd>

					</dl>

					<dl class="col-links">
						<dt>关注我们</dt>

						<dd>
							<a rel="nofollow" href="https://weibo.com/xiaomishangcheng">新浪微博</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">官方微信</a>
						</dd>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">联系我们</a>
						</dd>

					</dl>

					<dl class="col-links">
						<dt>特色服务</dt>

						<dd>
							<a rel="nofollow" href="javascript: void(0);">F 码通道</a>
						</dd>

						<dd>
							<a rel="nofollow" href=javascript: void(0); " >礼物码</a></dd>
                
                <dd><a rel="nofollow " href="javascript: void(0); " >防伪查询</a></dd>
                
            </dl>
                
            <div class="col-contact ">
                <p class="phone ">400-100-5678</p>
<p>
 周一至周日 8:00-18:00<br>（仅收市话费）
</p>
<a rel="nofollow " class="btn btn-line-primary btn-small " href="javascript: void(0); " > 联系客服</a>            </div>
        </div>
    </div>
</div>

		

	</body>

</html>